<template>
  <div class="contents">
    <div style="float: left;">
      <iframe
        class="cat"
        src="https://zhanyuzhang.github.io/lovely-cat/cat.html"
        frameborder="0"
      />
    </div>
    <div class="yun">
      <iframe
        id="iframe"
        src="https://www.17sucai.com/preview/1528155/2019-04-27/star/demo.html"
        frameborder="0"
        width="100%"
      ></iframe>
    </div>
    <div class="nav">
      <myNav></myNav>
    </div>
  </div>
</template>

<script>
import myNav from "./child/Nav";

export default {
  name: "profile",
  data() {
    return {};
  },
  components: {
    myNav
  },
  methods: {},
  Persenethods: {},
  watch: {},
  computed: {},
  destroyed() {},
  created() {},
  mounted() {}
};
</script>

<style scoped lang="scss">
.contents {
  height: 100%;
}
.yun #iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0.2;
}
.yun {
  margin-top: -10vh;
  width: 100%;
  height: 100%;
  position: fixed;
  float: left;
  overflow: hidden;
}
.cat {
  position: fixed;
  width: 380px;
  height: 30vh;
  z-index: 2;
  bottom: 10px;
  left: -180px;
  transform: scale(1.2);
}
.nologin {
  width: 100%;
  text-align: center;
  top: 40vh;
  position: absolute;
}
</style>
